<template>
	<div v-if="Array.isArray(itemData) && itemData.length">
		<div class="titleClassne">{{ fundRaiseType === '1' ? '基金经理' : '投资经理' }}</div>
		<div>
			<li class="ratene" style="border-top: 1px solid #dcdfe6">
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''">姓名</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''" style="width: 15%">证件类型</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''" style="width: 15%">证件号码</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''">任职日期</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''">离职日期</div>
				<div v-if="fundRaiseType === '1'">任职公告日期</div>
				<div v-if="fundRaiseType === '1'">离职公告日期</div>
			</li>
			<li class="ratene" v-for="(item, index) in itemData" :key="index + 'fundManagerInfoList'">
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''">{{ item.managerName }}</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''" style="width: 15%">{{ item.idType }}</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''" style="width: 15%">{{ item.idNo }}</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''">{{ item.startDate }}</div>
				<div :style="fundRaiseType === '2' ? `width:20%;` : ''">{{ item.endDate }}</div>
				<div v-if="fundRaiseType === '1'">{{ item.entryNoticeDate }}</div>
				<div v-if="fundRaiseType === '1'">{{ item.leaveNoticeDate }}</div>
			</li>
		</div>
	</div>
</template>
<script>
export default {
	name: 'FundManagerInfoList',
	props: {
		allProperty: {
			type: Array,
			default: Array
		},
		fundRaiseType: {
			type: String,
			default: ''
		},
		itemData: {
			type: Array,
			default: Array
		}
	}
}
</script>
<style lang="scss" scoped>
.ratene {
	width: 100%;
	display: flex;
	border-left: 1px solid #dcdfe6;
	border-bottom: 1px solid #dcdfe6;
	div {
		width: 14%;
		border-right: 1px solid #dcdfe6;
		display: flex;
		align-items: center;
		padding: 10px 10px;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
</style>
